<template>
  <div class="goods">
      <div class="shangpin" v-for="(v,i) in this.$store.state.goods.obj" :key="i">
          <img :src="v.img">
          <p>{{v.title}}</p>
          <label>{{v.word}}</label>
          <span>￥{{v.pirce}}</span>
      </div>
  </div>
</template>

<script>
export default {
    created(){
         this.$store.dispatch("shang")
    }
}
</script>

<style scoped>
.goods{
    width: 100%;
}
.shangpin{
    width: 100%;
}
.shangpin img{
    width: 100%;
}
</style>